*{margin: 0;padding:0;}
li{list-style: none;}
.container{margin: 0 auto;}
.carousel-indicators{left: 20%;}
.carousel-indicators li{width:12px;height:12px;background-color: #f8efeb;border: none;margin-right:10px;}
.carousel-indicators .active{width:12px;height:12px;margin-right: 5px;background-color: #333333;}

.commonFrame{width:100%;}
.commonFrame img{display: block;margin: 0 auto;}


.JoinRightNow .row .JoinBg{position: relative;}
.JoinRightNow .row .JoinBg div{position: absolute;top:0;left: 0;width: 100%;}
.JoinRightNow .row .JoinBg div img{display: block;margin: 0 auto;}
.JoinRightNow .row .JoinBg h1{position: absolute;left: 25%;width: 50%;}
.JoinRightNow .row .JoinBg h1 img,.JoinRightNow .row .JoinBg h1 span,.JoinRightNow .row .JoinBg h1 strong{display: block;}


.lastestInfo h3{text-align: center;font-weight: bolder;margin: 20px 0;}
.lastestInfo h3 img{margin-right: 10px;}
.table-bordered{margin: 0 auto;}
.table-bordered tr th{background: #f60;color: #fff;text-align: center;}
.table-bordered tr td{text-align: center;}

.commonLine{border-top: 2px solid #eee;width: 100%;clear: both;}
.commonLine span{display:block;height: 3px;margin: 0 auto;clear: both;}
.commonLine em{width: 50%;display: block;float: left;height: 3px;}
.commonLine em:nth-of-type(1){background: #f60;}
.commonLine em:nth-of-type(2){background: #666;}

.sellNum{margin: 60px auto 0 auto;text-align: center;}
.sellNum h3{width: 100%;text-align: center;}
.sellNum img{display: inline-block;}
.sellNum img:nth-of-type(1){margin-bottom: 20px;}
.sellNum img:nth-of-type(2){margin-right: 30px;}


.Operating{background:#f2f2f2;padding-top: 20px;margin-top: 40px;}
.Operating h2,.Operating h4{text-align: center;font-weight: bolder;}
.Operating h3{text-align: center;}
.Operating h3 span{display:inline-block;width: 30px;height: 30px;background: #000;border-radius: 15px;text-align: center;line-height: 30px;color: #fff;margin-right: 5px;}
.Operating h3 strong{color: #f60;}
.Operating .space{width: 100%;text-align: center;}
.Operating .space img{margin: 30px 0;}
.Operating .container{padding: 30px 0;}
.Operating .container .row .row{margin-bottom: 5px;height: 70px;}
.Operating .container .row .row .col-md-4,.Operating .container .row .row .col-xs-5{border-right: 2px solid #eee;padding: 10px 0  10px 10px ;background: #fff;height: 70px;box-shadow: 2px 2px 2px #ddd;}
.Operating .container .row .row span.orange{color: #f60;}
.Operating .container .row .row span.blue{color: #3882fa;}
.Operating .container .row .row span.pink{color: #fe4e93;}
.Operating .container .row .row span.green{color: #7ed121;}
.Operating .container .row .row span.lightOrange{color: #fb942d;}
.Operating .container .row .row span.purple{color: #c571e1;}
.Operating .container .row .row img{width: 50px;display: inline-block;margin-right: 5px;}
.Operating .container .row .row .col-md-6 ,.Operating .container .row .row .col-xs-7{background: #fff;height: 70px;box-shadow: 2px 2px 2px #ddd;}
.Operating .container .row .row .col-md-6 p,.Operating .container .row .row .col-xs-7 p{padding-top: 10px;color: #666;height: 30px;box-shadow: none;}
.Operating .container .row .row .col-md-6 strong,.Operating .container .row .row .col-xs-7 strong{font-size: 1.4rem;display: block;height:30px;box-shadow: none;}
.Operating  .operateZone .container{margin-top: 30px;}
.Operating  .operateZone .container .thumbnail{border: none;}
.Operating  .operateZone .container div.col-md-3:last-of-type .thumbnail{border-right: none;}
.Operating  .operateZone .container strong,.Operating  .operateZone .container span{display: block;text-align: center;}
.Operating  .operateZone .container strong{color:#074ea6;padding: 10px 0;width: 90%;margin: 10px auto 0 auto;}
.Operating  .operateZone .container span{width: 100%;}

.teacherList{background: #f2f2f2;}
.teacherList .container .row:nth-of-type(2){margin: 30px 0;}
.teacherList .container .row img{display: block;}
.teacherList .container .row h5{font-weight: bolder;}
.teacherList .container .row p strong{font-weight: bolder;}
.teacherList .container .row p span{color: #f60;}
.teacherList .container .row h4{text-align: center;}
.teacherList .container .row .lecture{padding: 10px;}
.teacherList .container .row .col-md-4,.teacherList .container .row .col-xs-4{position: relative;}
.teacherList .container .row .col-md-4 img,.teacherList .container .row .col-xs-4 img{position: absolute;}
.teacherList .container .row .col-md-4 strong,.teacherList .container .row .col-xs-4 strong{position: absolute;}
.teacherList .container .row strong.teacherName{display: block;background: #fff;margin:0 auto;text-align: center;}



.teacherEnv{margin-top: 40px;}
.teacherEnv h4{margin-bottom: 30px;text-align: center;}
.teacherEnv .container .row .circumstance::after{content:'';height: 0;height: auto;display: block;clear: both;}
.teacherEnv .container .row .circumstance img{float:left;}
.teacherEnv .container .row .col-md-6 h4,.teacherEnv .container .row .col-xs-12 h4{border-bottom: 2px solid #eee;padding-bottom: 10px;text-align: left;margin-bottom: 0;}
.teacherEnv .container .row .col-md-6 h4 strong,.teacherEnv .container .row .col-xs-12 h4 strong{font-weight: bolder;}
.teacherEnv .container .row .col-md-6 h4 img,.teacherEnv .container .row .col-xs-12 h4 img{width: 12px;margin-top: -30px;margin-right: 5px;}
.teacherEnv .container .row .col-md-6 h4 span,.teacherEnv .container .row .col-xs-12 h4 span{font-size: 1.3rem;color: #666;}
.teacherEnv .container .row .col-md-12 .row,.teacherEnv .container .row .col-xs-12 .row{border-bottom: 1px solid #eee;}
.teacherEnv .container .row .col-md-12 .col-md-7 h5,.teacherEnv .container .row .col-xs-12 .col-xs-7 h5{font-size: 1.5rem;}
.teacherEnv .container .row .col-md-12 .col-md-7 h5 a,.teacherEnv .container .row .col-xs-12 .col-xs-7 h5 a{color: #000;}
.teacherEnv .container .row .col-md-12 .col-md-7 span,.teacherEnv .container .row .col-xs-12 .col-xs-7 span{color: #666;font-size: 1.3rem;display: inline-block;}
.teacherEnv .container .row .col-md-12 .col-md-5 img,.teacherEnv .container .row .col-xs-12 .col-xs-5 img{width: 60%;margin:10px auto;display: block;}
.teacherEnv .dataLine{border: 5px solid #eee;margin-top: 10px;padding: 10px;}
.teacherEnv .dataLine .dataSpace{width: 20%;height: 5px;background: #f60;margin: -15px 0 0 -15px;}
.teacherEnv .dataLine .col-md-3 img,.teacherEnv .dataLine .col-xs-3 img{height: 60px;display: block;margin: 15px auto;}
.teacherEnv .dataLine .col-md-3 a strong,.teacherEnv .dataLine .col-xs-3 a strong{margin:10px auto;display: block;text-align: center;color: #074ea6;}
.teacherEnv .dataLine .col-md-9 a,.teacherEnv .dataLine .col-xs-9 a{display:block;float:left;text-align: left;line-height: 30px;}
.teacherEnv a.knowMore{display: block;background:none;width: 90px;margin: 20px auto;height: 30px;line-height: 30px;border-radius: 15px;border: 2px solid #000;font-weight: bolder;font-size: 1.3rem;text-align: center;color:#000;}
.teacherEnv a.knowMore img{width: 15px;}


.studentsCase{background: #000;padding: 10px 0;}
.studentsCase .container .row .col-md-12 h4,.studentsCase .container .row .col-xs-12 h4{border-bottom: 2px solid #eee;padding-bottom: 10px;text-align: left;margin-bottom: 0;}
.studentsCase .container .row .col-md-12 h4 strong,.studentsCase .container .row .col-xs-12 h4 strong{font-weight: bolder;color: #fff;}
.studentsCase .container .row .col-md-12 h4 img,.studentsCase .container .row .col-xs-12 h4 img{width: 12px;margin-top: -30px;margin-right: 5px;}
.studentsCase .container .row .col-md-12 h4 span,.studentsCase .container .row .col-xs-12 h4 span{font-size: 1.3rem;color: #a2a2a2;}
.studentsCase .container .caseList{margin-top: 20px;}
.studentsCase .container .caseList img.casePic{display: block;margin: 20px auto;border: 1px solid #eee;}
.studentsCase .container .caseList p{margin: 0 auto;color: #a2a2a2;}
.studentsCase .container .caseList p:nth-of-type(1){border-bottom: 1px solid #eee;padding-bottom: 5px;margin: 0 auto 10px auto;}
.studentsCase .container .caseList p:nth-of-type(1) strong{color:#ff3c00; margin-right: 5px;}
.studentsCase .container .caseList a{display: block;background:#ff3c00;width: 90px;margin: 20px auto;height: 30px;line-height: 30px;border-radius: 15px;font-weight: bolder;font-size: 1.3rem;text-align: center;color: #fff;}
.studentsCase .container .caseList a img{width: 12px;}


.photos{width: 100%;background: url("../img/index/bg.jpg") ;}
.photos h5{text-align: center;font-size: 1.8rem;padding: 20px 0;margin-top: 0;}
.photos h4{margin: 0 auto;padding: 10px 0;border-top: 1px solid #f60;border-bottom: 1px solid #f60;text-align: center;color: #a2a2a2;}
.photos img{display: block;margin: 20px auto;}
.photos p{text-align: center;}






@media screen  and (min-width:768px){


    .basicClass{background: #000;height: 100px;width: 100%;margin-bottom: 30px;}
    .basicClass img{height: 100%;display: block;margin: 0 auto;}

    .mobileInput{display: none;}


    .practiceClass{margin-top: 30px;}
    .practiceClass .titleIntro span{width: 50%;display: block;height: 5px;margin-top: 30px;margin-bottom: 30px;}
    .practiceClass .titleIntro span em{display:inline-block;width: 50%;height: 5px;}
    .practiceClass .titleIntro span em:nth-of-type(1){background:#f60; }
    .practiceClass .titleIntro span em:nth-of-type(2){background:#666; }
    .practiceClass .titleIntro h1{font-size: 5.5rem;color: #f60;font-weight: bolder;margin-bottom: 10px;}
    .practiceClass .titleIntro h2{font-size: 4rem;font-weight: bolder;}
    .practiceClass .titleIntro h3{color:#777;font-size: 4rem;margin-bottom: 20px;}
    .practiceClass .contentIntro {border:2px solid #00aaeb;padding: 15px;margin-bottom: 20px;}
    .practiceClass .contentIntro h4{font-size: 1.8rem;font-weight: bolder;margin:0 0 10px 0;}
    .practiceClass .contentIntro .contentMore{background: #e4e9eb;padding: 15px;}
    .practiceClass .contentIntro .contentMore dl{border: 1px solid #074ea6;border-radius: 5px;background: #fff;padding: 15px;}
    .practiceClass .contentIntro .contentMore dl dt{font-size: 1.5rem;margin: 10px 0;}
    .practiceClass .contentIntro .contentMore dl dd{font-size: 1.5rem;line-height: 150%;}
    .practiceClass .contentIntro .contentMore a{width:30%;height: 40px;background: #ff4d00;color: #fff;font-size: 2.0rem;text-align: center;line-height: 40px;border-radius: 20px;display: block;margin-left: 70%;}
    .practiceClass .contentIntro .contentMore a strong{margin-right: 5px;}
    .practiceClass .form-inline #selectValue{width:140px;appearance:none;-moz-appearance:none;-webkit-appearance: none;background: url("../img/index/xiala.png") no-repeat 98% 10px;}
    .practiceClass .form-inline .btn{width:70px;text-align:center;height:30px;line-height:30px;margin: 20px auto 0 auto;background: rgb(247,126,45);font-weight:bold;color: #fff;display: block;border:none;outline: none;}
    .practiceClass .rightTitle .rightList{height: 138px;background: url("../img/index/bg2.png") no-repeat center center;margin-top: 40px;}
    .practiceClass .rightTitle .rightList h1{width: 95%;margin: 0 auto;height: 80px;text-align: center;}
    .practiceClass .rightTitle .rightList h1 strong{display:inline-block;font-size: 2.7rem;font-weight: bolder;color: #ffc821;height: 60px;line-height: 60px;margin-top: 10px;margin-right: 5px;}
    .practiceClass .rightTitle .rightList h1 span{display:inline-block;font-size: 1.8rem;font-weight: bold;color:#fff;height:40px;margin-top: 20px;line-height: 40px; }
    .practiceClass .listItems {background: #e4e9eb;width: 80%;margin: -60px auto 0 auto;padding-bottom: 10px;}
    .practiceClass .listItems ul li {padding: 10px 20px 0 20px;}
    .practiceClass .listItems ul li p span{width:10px;height: 10px;background: #f60;display: inline-block;vertical-align: middle;margin-right: 10px;}
    .practiceClass .listItems ul li p>strong{width:35%;color: #074ea6;font-size: 1.5rem;display: inline-block;vertical-align: middle;}
    .practiceClass .listItems ul li p a{width:30%;height: 30px;background: #f60;color: #fff;font-size: 1.5rem;text-align: center;line-height: 30px;border-radius: 20px;display: inline-block;margin-left: 25%;vertical-align: bottom;}
    .practiceClass .listItems ul li p a>strong{margin-right: 5px;}
    .practiceClass .listItems ul li dl{border: 1px solid #074ea6;border-radius: 5px;background: #fff;margin-bottom: 10px;}
    .practiceClass .listItems ul li dl dt,.practiceClass .listItems ul li dl dd{font-size: 1.5rem;margin: 5px 0;text-align: center;color: #777;}
    .practiceClass .listItems h2{text-align: center;}
    .practiceClass .listItems h2 span{color: #f60;font-weight: bolder;}


    .JoinRightNow{height: 200px;margin-top: 50px;}
    .JoinRightNow .row .JoinBg div img{width:60%;}
    .JoinRightNow .row .JoinBg h1{top: 20px;}
    .JoinRightNow .row .JoinBg h1 img{height: 100%;margin: 0 auto;}
    .JoinRightNow .row .JoinBg h1 p{height:46px;width: 100%;}
    .JoinRightNow .row .JoinBg h1 span{font-size: 1.6rem;width: 100%;text-align: center;}
    .JoinRightNow .row .JoinBg h1 strong{font-size: 2.5rem;width: 100%;text-align: center;}

    .lastestInfo h3{margin-bottom: 20px;}
    .table-bordered{width: 60%;}
    .table-bordered td{height: 37px;border: 1px solid #ddd;}

    .trainData{display: none;}

    .commonLine{margin: 50px 0;}
    .commonLine span{width: 14%;}

    .sellNum{width: 80%;}
    .sellNum img:nth-of-type(1){width: 1030px;margin: 20px auto;}

    .expFrame h5{font-size: 1.8rem;}

    .Operating .container .row .row .col-md-4 span,.Operating .container .row .row .col-xs-5 span{font-size: 1.8rem;font-weight: bolder;}
    .Operating  .operateZone{background: #fff;}
    .Operating  .operateZone .operateCont{text-align: center;}
    .Operating  .operateZone .operateCont img{margin-top: -30px;}
    .Operating  .operateZone .container .thumbnail{border-right:1px solid #eee; }
    .Operating  .operateZone .container strong{font-size: 2.5rem;}
    .Operating  .operateZone .container span{font-size: 2.0rem;}

    .teacherList{height: 730px;margin-top: 80px;}
    .teacherList .container .row:nth-of-type(2){margin: 30px 0;}
    .teacherList .container .row .col-md-6 img{width:100%;margin: 60px auto 0 auto;}
    .teacherList .container .row p.teacharDes{line-height: 180%;}
    .teacherList .container .row h5{margin: 60px 0 15px 0;}
    .teacherList .container .row .col-md-4 img{width: 70%;left: 15%;top: 0;}
    .teacherList .container .row .col-md-4 strong{left:43%;top:170px;}
    .teacherList .container .row strong.teacherName{width: 70px;height:70px;border-radius:35px;line-height: 70px;}
    .teacherEnv .container .row .circumstance{width:1147px;margin:30px auto;padding:0;}

    .teacherEnv .container .row .col-md-12 .col-md-7 span{margin:60px 10px 0 0;}
    .teacherEnv .dataLine .col-md-3 a strong{font-size: 1.8rem;}
    .teacherEnv .dataLine .col-md-9 a{width: 25%;}

    .studentsCase .container .row .col-md-12 h4{text-align: center;}
    .studentsCase .container .caseList img.casePic{width: 90%;}
    .studentsCase .container .caseList p{width: 90%;font-size: 1.1rem;}
    .studentsCase .container .caseList p:nth-of-type(2){height: 36px;}
    .studentsCase .container .caseList p:nth-of-type(1) strong{font-size: 1.3rem;}

    .photos{height: 880px;}
    .photos img{width: 44%;}
    .photos h4{width: 60%;}


}
@media screen and (max-width: 768px) {


    .basicClass{display: none;}

    .mobileInput{width: 95%;margin: 20px auto 0 auto;}
    .mobileInput button{color: #fff;background: #f60;border-radius: 15px;text-align: center;border:none;outline:none;}

    .commonLine{margin: 30px 0;}

    .commonFrame img{width: 80%;}


    .practiceClass{display: none;}

    .JoinRightNow{margin-top: 30px;height: 100px;}
    .JoinRightNow .row .JoinBg div img{width:90%;}
    .JoinRightNow .row .JoinBg h1{top: 5px;margin-top: 15px;}
    .JoinRightNow .row .JoinBg h1 p{height:25px;width: 100%;margin: 0 0 5px 0;}
    .JoinRightNow .row .JoinBg h1 img{height: 100%;margin: 0 auto;}
    .JoinRightNow .row .JoinBg h1 span{font-size: 0.8rem;width: 100%;text-align: center;}
    .JoinRightNow .row .JoinBg h1 strong{font-size: 1.2rem;width: 100%;text-align: center;}

    .trainData{width: 95%;margin: 20px auto 0 auto;z-index: 9;position: relative;height: 200px;}
    .trainData h1{width: 100%;margin: 0;z-index: 2;position: absolute;top: 0;left: 0;}
    .trainData h1 img{display: block;width: 100%;}
    .trainData div{width: 80%;position:absolute;top:80px;left:10%;background: #000;z-index:6;padding:0 0 15px 15px;}
    .trainData div h3{color: #fff;font-weight: bolder;}
    .trainData div input,.trainData div a{display: inline-block;vertical-align: middle;height: 30px;line-height: 30px;text-align: center;border-radius: 5px;}
    .trainData div input{width: 60%;border: 1px solid #eee;background: #eee;}
    .trainData div a{width: 30%;color:#fff;font-size: 1.5rem;background: #b60000;}

    .commonLine span{width: 40%;}

    .sellNum{width: 95%;}
    .sellNum h3{font-size: 1.8rem;}
    .sellNum img:nth-of-type(1){width: 95%;}
    .sellNum img:nth-of-type(2), .sellNum img:nth-of-type(3){width: 40%;}

    .Operating .space img{width: 95%;margin: 30px auto;display: block;}
    .Operating .container .row{margin-left: 0;margin-right: 0;}
    .Operating .container .row .row .col-md-4 span,.Operating .container .row .row .col-xs-5 span{font-size: 1.3rem;font-weight: bolder;}
    .Operating .container .col-xs-12{padding: 0;}
    .Operating .container .col-xs-12 p,.Operating .container .col-xs-12 strong{height: 30px;width: 100%;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
    .Operating .container .hideItem{display: none;}
    .Operating  .operateZone .operateCont{display: none;}
    .Operating  .operateZone .container strong{font-size: 2.0rem;}
    .Operating  .operateZone .container span{font-size: 1.5rem;}


    .table-bordered{width: 95%;}


    .teacherList{height:680px;margin-top: 30px;padding-bottom: 20px;}
    .teacherList .container .row:nth-of-type(2){margin: 10px 0;}
    .teacherList .container .row img{margin: 15px auto 0 auto;width: 90%;}
    .teacherList .container .row h5{margin: 15px 0;}
    .teacherList .container .row p.teacharDes{font-size: 0.9rem;line-height:150%;}
    .teacherList .container .row .col-xs-4{padding: 0 5px;}
    .teacherList .container .row strong.teacherName{width: 40px;height: 40px;line-height: 40px;border-radius: 20px;}
    .teacherList .container .row strong.teacherName b{display: none;}
    .teacherList .container .row .col-xs-4 img{left: 5%;top: 0;}
    .teacherList .container .row .col-xs-4 strong{left:35%;top:80px;}

    .teacherEnv .container .row:nth-of-type(2) .col-xs-12:nth-of-type(2){padding: 0 5px;}
    .teacherEnv .container .row .col-xs-12 .col-xs-7 span{margin:10px 10px 0 0; }
    .teacherEnv .container .row .circumstance{width:299px;margin:30px auto;padding:0;}
    .teacherEnv .container .row .circumstance img:nth-of-type(1),.teacherEnv .container .row .circumstance img:nth-of-type(2){height:124px;}
    .teacherEnv .container .row .circumstance img:nth-of-type(3),.teacherEnv .container .row .circumstance img:nth-of-type(4){height:120px;}
    .teacherEnv .dataLine .col-xs-3{padding:0 5px;}
    .teacherEnv .dataLine .col-xs-3 a strong{font-size: 1.5rem;}
    .teacherEnv .dataLine .col-xs-9 a{font-size: 1.3rem;width:33.33%;}


    .studentsCase .container .caseList .col-xs-6{padding: 0 5px;}
    .studentsCase .container .caseList p:nth-of-type(1) strong{font-size: 0.9rem;}
    .studentsCase .container .caseList img.casePic{width: 95%;}
    .studentsCase .container .caseList p{width: 95%;font-size: 0.8rem;}

    .photos{height: 500px;}
    .photos img{width: 90%;}
    .photos h4{width: 90%;}



}


